<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>投保人信息填写</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
<!-- 添加到桌面快捷方式小图标 -->
<link rel="apple-touch-icon-precomposed" href="#">
<!-- 指定快捷方式标题 -->
<meta name="apple-mobile-web-app-title" content="志惠科技">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/auto_insurance.css">
<script type="text/javascript" src="js/jquery-1.9.1.min.js" ></script>
<script type="text/javascript" src="js/auto_insurance.js" ></script>
<script type="text/javascript" src="js/areadata.js" ></script>
<script type="text/javascript" src="js/live_to_payment.js" ></script>
<script type="text/javascript" src="js/writeInfo.js" ></script>
<script type="text/javascript" src="js/laydate.js"></script>
<style type="text/css">
*{margin:0;padding:0;list-style:none;}
html{background-color:#E3E3E3; font-size:14px; color:#000; font-family:'微软雅黑'}
h2{line-height:30px; font-size:20px;}
a,a:hover{ text-decoration:none;}
pre{font-family:'微软雅黑'}
.box{width:970px; padding:10px 20px; background-color:#fff; margin:10px auto;}
.box a{padding-right:20px;}
.demo1,.demo2,.demo3,.demo4,.demo5,.demo6{margin:25px 0;}
h3{margin:10px 0;}
.layinput{height: 22px;line-height: 22px;width: 150px;margin: 0;}
/*弹出层*/
.policy_zeng {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	z-index: 8888;
	display: none;
}

.policy_zhao {
	width: 84%;
	background-color: #ffffff;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -42%;
	margin-top: -118px;
	background: #fff;
	z-index: 9999;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	display: none;
}

.policy_zhao>h2 {
	width: 90%;
	margin: 0 auto;
	font-size: 1.6rem;
	color: #555555;
	text-align: center;
	padding: 1.3rem 0;
	border-bottom: solid 1px #dddddd;
}

.policy_zhao>p {
	padding: 1.8rem 0;
}

.policy_zhao>p>input {
	display: block;
	width: 52.5%;
	margin: 0 auto;
	text-align: center;
	font-size: 1.4rem;
	color: #b3b3b3;
	border: solid 1px #dddddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 1rem 0;
}

.policy_zhao>.zhao_bot {
	border-top: solid 1px #fd6538;
}

.policy_zhao>.zhao_bot>a {
	display: block;
	width: 50%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 1.2rem 0;
	float: left;
	text-align: center;
	font-size: 1.6rem;
	color: #ff5050;
}

.policy_zhao>.zhao_bot>a.bg {
	background: #fd6538;
	color: #FFFFFF;
}
</style>
<script type="text/javascript">
$(function(){
var errMsg = $("#err").val();
if(errMsg=="false"){
$("#window").show();
}
	});
function hidediv() {
	$("#window").hide();
}
	</script>
</head>
<div class="policy_zeng"></div>
	<div class="policy_zhao" id="window">
		<h2>提示</h2>
		<p style="text-align:center;font-size: 1.0rem">
			${requestScope["openIdErrMsg"]}
			${requestScope["errMsg"]}
			${requestScope["tradeNoErrMsg"]}
		</p>
		<div class="zhao_bot">
			<a href="#" class="comfirm_btn" style="width:100%" onclick="hidediv()">确定</a> 
		</div>
	</div>
<body class="body_bg">
	<header class="car_top">
			<a href="javascript:history.go(-1);">返回</a>投保人信息填写</header>
			<input type="hidden" value="${err }" id="err">
<form id="addform" action="${ctx}/addMessage" method="post">
	<div class="write_info_container">
		<div class="write_info_content">
				<h1>车主信息填写</h1>
			<ul>
				<li><em><i>*</i>姓名</em><input type="text" name="caName" id="caName"  value="${carName}" errormsg="昵称至少2个字符,最多4个字符！" placeholder="请输入姓名" /></li> 
				<li><em><i>*</i>手机号码</em><input type="text" name="telephone" id="telephone"  value="${telephone}"  placeholder="请输入手机号码" /></li> 
				<li><em><i>*</i>身份证号</em><input type="text" name="carCard" id="carCard"  value="${carCard}"  placeholder="请输入身份证号" /></li> 
				<li><em><i>*</i>身份证起始日期</em><input value="20140623"  name="carStartTime" id="carStartTime" border: 1px solid #f9f9f9" class="laydate-icon" placeholder="请输入时间" onClick="laydate({istime: true, format: 'YYYYMMDD'})"></li>
				<li><em><i>*</i>身份证终止日期</em><input value="20240623" name="carEndTime" id="carEndTime" border: 1px solid #f9f9f9" class="laydate-icon" placeholder="请输入时间" onClick="laydate({istime: true, format: 'YYYYMMDD'})"></li>
				<li><em><i>*</i>身份地址</em><input type="text" value="赤峰市公安局元宝山分局" name="carissuer" id="carissuer" /></li>
				<li><em><i>*</i>民族</em><input type="text" value="汉" name="carNationality" id="carNationality"    placeholder="请输入民族" /></li> 
				<li><em><i>*</i>电子邮箱</em><input type="text" value="6941596565@qq.com" name="carEmail"  id="carEmail"  datatype="e"  errormsg="邮箱不合法！" placeholder="请输入有效电子邮箱"/></li>
				<!-- <li class="address_detail"><em><i>*</i>常住地址</em>
					<ul>
						<li><select class="Select1" name="province1" id="province1"></select></li>
						<li><select class="Select2" name="city1" id="city1"></select></li>
						<li><select class="Select3" name="town1" id="town1"></select></li>
					</ul>
					<div><input type="text" name="detailedAddress" id="detailedAddress"  placeholder="人民路25号邯郸大剧院对面某某小区"/></div>
				</li> -->
				<li><em></em><input type="hidden" name="carOwnerId" id="carOwnerId" /></li>
			</ul>
		</div>
	</div>
	<div class="write_info_container">
		<div class="write_info_content">
			<h1 class="clearfix">投保人信息填写 <span class="fr check_click" id="applyCheck">同车主<em class="check_person"></em></span></h1>
			<ul>
				<li><em><i>*</i>姓名</em><input type="text" name="applyName" id="applyName" value="${applyName }" datatype="zh2-4"  errormsg="昵称至少2个字符,最多4个字符！" placeholder="请输入姓名"/></li>
				<li><em><i>*</i>手机号码</em><input type="text" name="appliTelephone" id="appliTelephone"  placeholder="请输入手机号码" /></li> 
				<li><em><i>*</i>身份证号</em><input  type="text" name="applyCard" id="applyCard" datatype="car"  errormsg="请填写正确的身份证！" placeholder="请输入18位身份证号"/></li>
				<li><em><i>*</i>身份证起始日期</em><input  name="appStartTime" id="appStartTime" border: 1px solid #f9f9f9" class="laydate-icon" placeholder="请输入时间" onClick="laydate({istime: true, format: 'YYYYMMDD'})"></li>
				<li><em><i>*</i>身份证终止日期</em><input  name="appEndTime" id="appEndTime" border: 1px solid #f9f9f9" class="laydate-icon" placeholder="请输入时间" onClick="laydate({istime: true, format: 'YYYYMMDD'})"></li>
				<li><em><i>*</i>身份地址<input type="text"  name="applyissuer" id="applyissuer" /></li>
				<li><em><i>*</i>民族</em><input type="text" name="applyNationality" id="appNationality"    placeholder="请输入民族" /></li> 
				<li><em><i>*</i>电子邮箱</em><input  type="text"  name="applyEmail" id="applyEmail" datatype="e"  errormsg="邮箱不合法！" placeholder="请输入有效电子邮箱"/></li>
				<!-- <li class="address_detail"><em><i>*</i>常住地址</em>
					<ul>
						<li><select class="Select1" name="province2" id="province2"></select></li>
						<li><select class="Select2" name="city2" id="city2"></select></li>
						<li><select class="Select3" name="town2" id="town2"></select></li>
					</ul>
					<div><input type="text" name="applydetailAddress" id="applydetailAddress"  placeholder="人民路25号邯郸大剧院对面某某小区"/></div>
				</li> -->
			</ul>
		</div>
	</div>
	<div class="write_info_container">
		<div class="write_info_content">
			<h1 class="clearfix">被保人信息填写 <span class="fr check_click" id="insuredCheck">同车主<em class="check_person"></em></span> </h1>
			<ul>
				<li><em><i>*</i>姓名</em><input type="text" name="insuredName" id="insuredName" value="${insuredName }"  datatype="zh2-4"  errormsg="昵称至少2个字符,最多4个字符！" placeholder="请输入姓名"/></li>
				<li><em><i>*</i>手机号码</em><input type="text" name="insuredTelephone" id="insuredTelephone"   placeholder="请输入手机号码" /></li> 
				<li><em><i>*</i>身份证号</em><input type="text" name="insuredIdNo" id="insuredIdNo"  datatype="car"  errormsg="请填写正确的身份证！" placeholder="请输入18位身份证号"/></li>
				<li><em><i>*</i>身份证起始日期</em><input  name="insuredStartTime" id="insuredStartTime" border: 1px solid #f9f9f9" class="laydate-icon" placeholder="请输入时间" onClick="laydate({istime: true, format: 'YYYYMMDD'})"></li>
				<li><em><i>*</i>身份证终止日期</em><input  name="insuredEndTime" id="insuredEndTime" border: 1px solid #f9f9f9" class="laydate-icon" placeholder="请输入时间" onClick="laydate({istime: true, format: 'YYYYMMDD'})"></li>
				<li><em><i>*</i>身份地址<input type="text" name="insuredissuer" id="insuredissuer" /></li>
				<li><em><i>*</i>民族</em><input type="text" name="insuredNationality" id="insuredNationality"    placeholder="请输入民族" /></li> 
				<li><em><i>*</i>电子邮箱</em><input type="text" name="insuredEmail" id="insuredEmail"  datatype="e"  errormsg="邮箱不合法！" placeholder="请输入有效电子邮箱"/></li>
			<!-- 	<li class="address_detail"><em><i>*</i>常住地址</em>
					<ul>
						<li><select class="Select1" name="province4" id="province4"></select></li>
						<li><select class="Select2" name="city4" id="city4"></select></li>
						<li><select class="Select3" name="town4" id="town4"></select></li>
					</ul>
					<div><input type="text" name="insureddetailAddress" id="insureddetailAddress" placeholder="人民路25号邯郸大剧院对面某某小区"/></div>
				</li> -->
			</ul>
		</div>
	</div>
	<div class="write_info_container write_info_container3">
		<div class="write_info_content">
			<h1>保单签收人信息</h1>   
			<ul>
				<li><em><i>*</i>姓名</em><input type="text" value="是是是" name="signName" id="signName"  datatype="zh2-4"  errormsg="昵称至少2个字符,最多4个字符！" placeholder="请输入姓名"/></li>
				<li><em><i>*</i>手机号码</em><input type="text" value="13702131225" name="signPhone" id="signPhone"  datatype="m"  errormsg="请输入正确的手机格式！" placeholder="请输入手机号码"/></li>
					<li><em><i>*</i>收件日期</em><input  name="reciDate" id="reciDate" border: 1px solid #f9f9f9" class="laydate-icon" placeholder="请输入时间" onClick="laydate({istime: true, format: 'YYYY-MM-DD'})"></li>
<!-- 				<li><em><i>*</i>收件日期</em><input type="text" name="reciDate" id="reciDate" class="laydate-icon" placeholder="请输入时间"/></li> -->
				<li><em><i>*</i>地址<input type="text" name="signAddress" id="signAddress" placeholder="人民路25号邯郸大剧院对面某某小区"/></li>
				<!-- <li class="address_detail"><em><i>*</i>签收地址</em>
					<ul>
						<li><select class="Select1" name="province3" id="province3" ></select></li>
						<li><select class="Select2" name="city3" id="city3"></select></li>
						<li><select class="Select3" name="town3" id="town3"></select></li>
					</ul>
					<div><input type="text" name="signdetailAddress" id="signdetailAddress"  placeholder="人民路25号邯郸大剧院对面某某小区"/></div>
				</li> -->
			</ul>
		</div>
	</div>
	<a href="#" class="policy_details_btn" onclick="toSubmit()">确定</a>
</form>
</body>
</html>